<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>${essay.category.name}</title>
    <style type="text/css">
        .title{
            padding: 10px 5px;
            color: rgba(34, 34, 34, 0.9);
            font-weight: 500;
            font-size: 20px;
        }
        .line{
            padding: 0  0 7px 5px;
            color: rgba(60, 60, 60, 0.72);
            line-height: 20px;
        }
        .line .avator{
            width: 23px;
            height: 23px;
            border-radius: 50%;
            vertical-align: middle;
        }
        .content{
            border-top:1px solid #d2d2d2;
            margin-top: 20px;
            padding: 5px;
        }
        .content * {
            width: 100%;
        }
    </style>
</head>

    <body>
    <h3 class="title">${essay.title}</h3>
    <div class="line">作者：<img src="${essay.member.avator}" class="avator" /> ${essay.member.name}</div>
    <div class="line">创建时间：${essay.createDate}</div>
    <img src="${essay.imageURL}" style="width: 100%" />

    <div class="content">${essay.content}</div>
    </body>
</html>
